html{height: 100%;min-height: 100%;}body{font-family:PingFangSC-Regular;background: #ffffff;}.content{font-size:.28rem;color:#333;margin-left:.5rem;margin-top:.5rem;line-height:.72rem}.content span{color:#f34032}.qrcode{position:absolute;bottom:.3rem;left:.3rem;font-size: 0}.qrcode img{width:1.3rem;height:1.3rem}.next-step{position:absolute;bottom:0;margin-left:2rem;margin-left:3.42rem;width:.64rem;height:.64rem;background: url("../../images/conclusion-2018/icon-next.png") no-repeat;background-size: 100% 100%; animation-name:upAnimation;transform-origin: center bottom;}.tech-suport{position:absolute;font-size:.2rem;color:rgba(255,255,255,0.6);bottom:0.3rem;right:0.3rem;text-align:right}
.animated {
    animation-duration: 3s; /*动画时间*/
    animation-fill-mode: both; /*播放后的状态*/
    animation-iteration-count:infinite; /*动作循环的次数：infinite 无限循环*/
}

@keyframes upAnimation{
    0%,
    100%,
    20%,
    50%,
    80% {
        transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        transform: translate3d(0,0,0);
    }
    40%,
    43%{
        transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
        transform: translate3d(0,-30px,0);
    }
    70%{
        transition-timing-function: cubic-bezier(0.755,0.050,0.855,0.060);
        transform: translate3d(0,-15px,0);
    }
    90%{
        transform: translate3d(0,-4px,0);
    }
}

@keyframes aroundAnimation{
    0%,
    100%,
    20%,
    50%,
    80% {
        transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        transform: translate3d(0,0,0);
    }
    40%,
    43%{
        transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
        transform: translate3d(-20px,0,0);
    }
    70%{
        transition-timing-function: cubic-bezier(0.755,0.050,0.855,0.060);
        transform: translate3d(-10px,0px,0);
    }
    90%{
        transform: translate3d(20px,0,0);
    }
}